<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		
		<input type="button" name="inp" id="inp" value="" />
		<img src="img/DOM树.png" title="hello" id="img"/>
	</body>
</html>

<script type="text/javascript">
	// 第一种方式,通过.或者[]来获取 => 获取inp的type属性
	var inp = document.getElementById('inp');
	// 获取属性
	console.log('inp.type:',inp.type); // button
	console.log(inp['type']); // button
	
	// 第二种方式,通过getAttribute获取 => 获取img的src属性
	var img = document.getElementById('img');
	console.log('src属相', img.getAttribute('src'));
	
	// 设置属性(setAttribute) => 把src设置为百度的logo
	img.setAttribute('src', 'https://www.baidu.com/img/superlogo_c4d7df0a003d3db9b65e9ef0fe6da1ec.png?where=super');
	// 删除属性(removeAttribute) => 删除title属性并打印
	console.log('title', img.getAttribute('title'));
	img.removeAttribute('title');
	console.log('title', img.getAttribute('title'));
</script>
